{% extends 'goods_base.html' %}

	{%block goods_body%}
	<h3 class="common_title">确认收货地址</h3>

	<div class="common_list_con clearfix">
		<dl>
			<dt>寄送到：</dt>
			<dd><input type="radio" name="" checked="">{{user.accepter_address}} （{{user.accepter_name}} 收） {{user.accepter_phone_number}}</dd>
		</dl>
		<a href="/user/user_site/" class="edit_site">编辑收货地址</a>

	</div>
	
	<h3 class="common_title">支付方式</h3>	
	<div class="common_list_con clearfix">
		<div class="pay_style_con clearfix">
			<input type="radio" name="pay_style" checked>
			<label class="cash">货到付款</label>
			<input type="radio" name="pay_style">
			<label class="weixin">微信支付</label>
			<input type="radio" name="pay_style">
			<label class="zhifubao"></label>
			<input type="radio" name="pay_style">
			<label class="bank">银行卡支付</label>
		</div>
	</div>

	<h3 class="common_title">商品列表</h3>
	
	<div class="common_list_con clearfix">
		<ul class="goods_list_th clearfix">
			<li class="col01">商品名称</li>
			<li class="col02">商品单位</li>
			<li class="col03">商品价格</li>
			<li class="col04">数量</li>
			<li class="col05">小计</li>		
		</ul>
		{% for goods in cart_goods_list %}
			<ul class="goods_list_td clearfix">
				<li class="col01">{{forloop.counter}}</li>			
				<li class="col02"><img src="/static/{{goods.goods.goods_pic}}"></li>
				<li class="col03">{{goods.goods.goods_title}}</li>
				<li class="col04">{{goods.goods.goods_price_unit}}</li>
				<li class="col05"><span>{{goods.goods.goods_price}}</span>元</li>
				<li class="col06">{{goods.count}}</li>
				<li class="col07">{{goods.goods.goods_price}}元</li>	
			</ul>
		{% endfor %}
	</div>

	<h3 class="common_title">总金额结算</h3>

	<div class="common_list_con clearfix">
		<div class="settle_con">
			<div class="total_goods_count">共<em id="goods_count">0</em>件商品，总金额<b id="price_total">0.00元</b></div>
			<div class="transit">运费：<b>10元</b></div>
			<div class="total_pay">实付款：<b id="price_total_pay">0.00元</b></div>
		</div>
	</div>

	<div class="order_submit clearfix">
		<a href="" id="order_btn">提交订单</a>
	</div>	

	<div class="popup_con">
		<div class="popup">
			<p>订单提交成功！</p>
		</div>
		
		<div class="mask"></div>
	</div>

	<div id='data_order' style="display: none;">{{cart_ids}}</div>

	{%endblock goods_body%}
	
{%block goods_foot%}
	<script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript">
		$(function(){
			// 商品总个数
			goods_count = 0
			// 总计
			price_total = 0
			$('.col07').each(function(){
				count = parseInt($(this).prev().text());
				price = parseFloat($(this).prev().prev().children('span').text());
				// alert(count);alert(price);
				price_item = count * price;
				// alert(price_item);
				$(this).text(price_item.toFixed(2) + '元');
				goods_count += 1;
				price_total += price_item;
				// alert(price_total);alert(price_item);
			});
			$('#goods_count').text(goods_count);
			$('#price_total').text(price_total.toFixed(2));
			$('#price_total_pay').text((price_total+10).toFixed(2));
		});
		$('#order_btn').click(function() {
			// alert($('#data_order').text());
			url = '/order/order_handler/?cart_ids=' + $('#data_order').text() +'&total_price=' + $('#price_total_pay').text();
			// alert(url);
			$(this).attr('href', url);
		});
	</script>
{%endblock goods_foot%}
